#txt {
	border: 0 solid currentcolor;
    color: #005588;
    font-family: arial;
    font-size: 36pt;
    font-weight: bold;
    height: 54px;
    line-height: 50px;
    margin-bottom: 2px;
    margin-top: 2px;
    text-shadow: 1px 1px 2px #555555;
}
img.logo {
	height: 50px;
}

a.khauhieu{
	color: #000000;
    font-size: 17px;
    text-decoration: none;
    text-shadow: 0 0 1px #AAAAAA;
}

#stop {
	background: red; border: 2px solid blue; height: 33px; bottom: 0px; color: white; line-height: 20px; font-family: arial; font-size: 12pt; margin-right: 30px;
}
#start {
	height: 33px;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #2980B9;
    border-color: -moz-use-text-color -moz-use-text-color #2475AB;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    box-shadow: 0 -2px #2475AB inset;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 22px;    
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    vertical-align: top;    
}

.coolHandLuke { display: inline-block;margin: 0 0 20px; padding:0; }
.coolHandLuke li,
.coolHandLuke li a,
.coolHandLuke li span {
	display: block;
	float: left;
}
.coolHandLuke li {
	margin-bottom: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 7px 2px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	margin-left: 10px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.coolHandLuke li:first-child {
	margin-left: 0;
}
.coolHandLuke li a {
	border-left-width: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	color: #838383;
	text-shadow: 0 1px 0 #FFF;
	padding: 5px 7px;
	background: #e7e7f9;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e7e7f9));
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	border-bottom-width: 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	text-decoration: none;
	font-size: 16px;
}
.coolHandLuke li span {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #98c100 0%, #659506 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c100), color-stop(100%,#659506));
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	color: #FFF;
	font-weight: bold;
	padding: 5px 5px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	height: 20px;
}
.coolHandLuke li span.red {
	background: #ee706b;
	background: -moz-linear-gradient(top, #ee706b 0%, #9c3107 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee706b), color-stop(100%,#9c3107));
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	
}
.coolHandLuke li span.yellow {
	background: -moz-linear-gradient(top, #ffd800 0%, #ffb400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb400));
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
}

.coolHandLuke li span.bule {
	background: -moz-linear-gradient(top, #009aee 0%, #007399  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009aee), color-stop(100%,#007399 ));
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #005588;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #005588;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #005588;
}
.coolHandLuke li:hover a {
	background: -moz-linear-gradient(top, #FFFFFF 0%, #e7e7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e7e7f9));
}
.coolHandLuke li:hover span.green {
	background: -moz-linear-gradient(top, #abcc00 0%, #659506 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abcc00), color-stop(100%,#659506));
}
.coolHandLuke li:hover span.red {
	background: -moz-linear-gradient(top, #f0807c 0%, #9c3107 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0807c), color-stop(100%,#9c3107));
}
.coolHandLuke li:hover span.yellow {
	background: -moz-linear-gradient(top, #ffe300 0%, #ffb400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe300), color-stop(100%,#ffb400));
}

.coolHandLuke li:hover span.bule {
	background: -moz-linear-gradient(top, #00ABFF  0%, #007399 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ABFF), color-stop(100%,#007399));
}
.coolHandLuke li:active {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	transform: translateY(3px);
}

.coolHandLuke li:active a {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
}
.coolHandLuke li:active span {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
}
.coolHandLuke li:active {
	box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
}
.coolHandLuke li:active span.red {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
}
.coolHandLuke li:active span.yellow {
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
}
